<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../../../dist/vue.js"></script>
</head>
<body>
    <div id="app">
        <div>22333333333</div>
        <div>
            <span>233333</span>
        </div>
        <span>{{message}}</span>
        <h2 v-text='message'></h2>
        <div>
            <span>{{dog.name}}</span>
            <span>{{dog.age}}</span>
            <ul>
                <li v-for='p in people'>{{p}}</li>
            </ul>
        </div>
    </div>
    <script>
        const vm = new Vue({
            el: '#app',
            
            data: {
                message: 'hello world',
                people: ['tom', 'jack', 'xiwei'],
                dog: {
                    name: 'tom',
                    age: 3
                }
            }
        })
    </script>
</body>
</html>